﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE-EmulateIE8" />
    <!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />-->
    <title>CMD</title>
    <script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>
    <script type="text/javascript" language="javascript" src="closure-library/closure/goog/base.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/jquery.dataTables_1.9.1.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Main.js"></script> 
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Auth.js"></script> 
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Rol.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.History.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Log.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Grupos.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.GridSolicitudes.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Loader.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.Solicitud.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.ReloadSolicitudes.js"></script>
    <script type="text/javascript" language="javascript" src="Scripts/imc.cmd.GridSolicitudesFiltradas.js"></script>
    <!-- Estilos de data table -->
    <style type="text/css" title="currentStyle"> 
        @import "Styles/demo_page.css";
        @import "Styles/demo_table.css";
    </style> 
    <link rel="stylesheet" type="text/css" href="Styles/index.css" />
    <link rel="stylesheet" type="text/css" href="Styles/configuracion.css" />
    <link rel="stylesheet" type="text/css" href="Styles/solicitudes.css" />
    <link rel="Stylesheet" type="text/css" href="Styles/reportes.css" />
    <link href="Styles/consultas.css" rel="stylesheet" type="text/css" />
    <!-- Estilos de closure library -->
    <link rel="stylesheet" href="closure-library/closure/goog/css/menu.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/menuitem.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/menuseparator.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/tab.css" /> 
    <link rel="stylesheet" href="closure-library/closure/goog/css/tabbar.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/dialog.css" /> 
    <link rel="stylesheet" href="closure-library/closure/goog/css/button.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/custombutton.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/flatbutton.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/linkbutton.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/combobox.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/menubutton.css" />
    <link rel="stylesheet" href="closure-library/closure/goog/css/flatmenubutton.css" />
</head>

<body>
    <div id="loading">
        <img src="Images/loading.gif" style="margin-left: 20px; margin-top: 10px;">
        <p style="margin-left: 15px; margin-top: 5px;">Cargando...</p>
    </div>

    <div id="header" class="row">
        <div id="Logo">
            <p style="margin-top: 10px;">CMD WEB</p>
        </div>
        <div id="subUsuario">    
            <div id="popupUsuario">
                <div id ="user" ></div><br />
                <div id="rol" ></div>
                <div id="flecha">
                    <div id="subFlecha" style=" margin-top:15px;">
                    <p id="fl" style="font-size:6pt; margin-top:0px; margin-left:3px;">▼</p>
                    </div>
                </div>
            </div>
        </div>
        <div id="popUsuario" for ="popupUsuario" style="display:none; position:absolute; z-index:2;" >
            <div id="imgUserRol">
                <div id="imagenPop">
                    <img  style=" float:right;" src="Images\live-messenger-blue.png"  width="55" height="55"/>
                </div>
                <div id="userEmail">
                    <div id="userPop">
                        <label id="nombreUsuario"></label>
                        <label id="usuarioAdministrador" style="display:none;color:#FF4000;">/Administrador</label>
                        <label id="usuarioReportes" style="display:none;color:#FF4000;">/Reportes</label>
                    </div>
                    <div id="emailPop">ing.cisnecar@gmail.com </div>
                </div>            
                <div id="listRol">Lista De Roles:</div>    
            </div>          
            <div id="listRolPop"></div>
        </div>
    </div>
    <div id="menu" class="row">
        <div id="subMenu" ></div>
        <div id="dMenu" for="subMenu" class="goog-menu" style="display:none;  clear:both;">
            <div id="solicitudesMenu" class="goog-menuitem" style="display:none; cursor: pointer;">Solicitudes</div>
            <div id="configuracionMenu" class="goog-menuitem" style="display:none; cursor: pointer;">Configuración</div>
            <div id="reportesMenu" class="goog-menuitem" style="display:none; cursor: pointer;">Reportes</div>         
            <div id="consultasMenu" class="goog-menuitem" style="display:none; cursor: pointer;">Consultas</div> 
        </div>
        <div id="subMenu2"></div>
    </div>
    
    <div id="contenedorIzquierda" class="izq col"></div>

    <div id="contenedorDerecha" class="der col"></div>

    <script type="text/javascript" language="javascript">
        imc.cmd.Main.inicio();
        //Dialog docInfo -------------------------------------------------
        function showDialog(dialog) {
            currDialog = dialog;
            dialog.setVisible(true);
        }
        var dialog2 = new goog.ui.Dialog(null, true);
        //Moverse entre el formulario de solicitudes ---------------------
        function moverA(elID) {
            var el = document.getElementById(elID);
            el.scrollIntoView(true);
        }
    </script>
</body>
</html>
